﻿/* Template for items in the ListView */   
.mediumListItem
{
    height: 70px;
    padding: 5px;
    overflow: hidden;
    display: -ms-grid;
}

    .mediumListItem .mediumListItem-Detail
    {
        margin: 5px;
        -ms-grid-column: 2;
    }
    
/* CSS applied to the ListView */
#listView
{
    width: 310px;
    height: auto;
    border-right: solid 2px;
}   

/* Additional CSS for the scenario */
#itembox
{
    width: 100%;
    height: auto;
    display: -ms-flexbox;
}
             
#detailPane
{
    margin: 30px;
    -ms-flex: 1;
}